<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="Keywords" content="">
	<meta name="description" content="">
    <title>提交订单</title>
    <link rel="shortcut icon" type="image/x-icon" href="skin/images/favicon.ico">
    <!--公共部分-->
    <link href="skin/css/layout.css" type="text/css" rel="stylesheet" />
	<script src="skin/js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <!--私有部分-->
    <link href="skin/css/default.style.css" type="text/css" rel="stylesheet" />
	<script src="skin/js/default.common.js" type="text/javascript"></script>
	<script src="skin/js/plugin.js" type="text/javascript"></script>
</head>
<body>
<div class="wrap">
	<!--star header-->
    <div class="header">
	<script type="text/javascript">
    $(".header").load("public_html/header.html");
    </script>
    </div>
	<!--end  header-->
    
    <div class="return_nav">
    	<div class="w1200 line-bottom">
        您的位置：<a href="/">课程首页</a><span>&gt;</span><a href="/">视频课列表</a><span>&gt;</span><a href="/">视频课详情</a><span>&gt;</span><em>购买视频</em>
        </div>
    </div>
	<!--star main-->
    <div class="wrap_main fix">
        <!--content star-->
        <div class="col_main">
            <!--star提交订单-->
            <div class="box_item m-t30 tijiaoLC">
            	<div class="mt fix LH50 line-bottom">
                	<div class="tit l fs26 c-1aa3fa">订单详情</div>
                    <div class="city_path r">
                        <ul>
                            <li><div class="u1"><i class="u1">1</i></div><span>我的购物车</span></li>
                            <li class="curr"><div class="u1"><i class="u1">2</i></div><span>填写核对订单信息</span></li>
                            <li><div class="u1"><i class="u1">3</i></div><span>支付完成</span></li>
                        </ul>
                    </div>
                </div>
                <div class="mc fix LH40 fs18">
                	<div class="p-tb20">确认订单商品</div>
                    <div class="fs14 t_form tal">
                    	<table width="100%">
                        	<tr>
                            	<th>发布时间：2016-10-25  20：50</th>
                            	<th>教师</th>
                            	<th>课节数</th>
                            	<th>折扣</th>
                            	<th>价格</th>
                            </tr>
                            <tr>
                            	<td>
                                	<dl class="fix p-tb40">
                                    	<dt class="l img230150 m-r40"><img src="skin/temp/img_260190_01.png"></dt>
                                        <dd class="p-t20">
                                        	<div class="fs18">财务主管财务核心管理技能</div>
                                            <div>
                                            	<div class="i_star LH35" style=" position:relative; left:-10px;">
                                                	<img src="skin/img/ico_star.png">
                                                	<img src="skin/img/ico_star.png">
                                                	<img src="skin/img/ico_star.png">
                                                	<img src="skin/img/ico_star.png">
                                                	<img src="skin/img/ico_star.png">
                                                </div>
                                            </div>
                                        </dd>
                                    </dl>
                                </td>
                                <td>
                                	<span class="c-666666">陈述</span>
                                </td>
                                <td>
                                	<span class="fs16 c-FF0000">18</span>
                                </td>
                                <td>
                                	<span class="c-666666">无折扣</span>
                                </td>
                                <td>
                                	<span class="fs16 c-FF0000">588</span>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="fix line-all b-FFFFFF p30">
                    	<div class="fs14">
                        	<div><span class="fwb">学员信息</span><a class="r c-1aa3fa" href="javascript:;" onClick="openWin();" id="edit_info">+添加信息</a></div>
                            <div class="fs20 tac p-tb20" id="add_xueyuan">
                            	<a href="javascript:;" style="color:#d1cfcf;" onClick="openWin();"><span class="p-r20">+</span>添加学员信息</a>
                            </div>
                        </div>
                        <div class="fs12 LH20 p-tb20" id="userinfo" style="display:none;">
                        	<span class="p-r20">李尚</span><span class="p-r20">深圳市南山区金骐智谷大厦</span><span class="p-r20">在职</span><span class="p-r20">本科</span><span class="p-r20">158****7088</span>
                        </div>
                    	<div class="c">
                            <div class="tar m-t40 b-f7f7f7 p-lr20">
                                <span class="fs14">应付总额：<span class="fs18 c-FF0000">¥588</span></span>
                            </div>
                            <div class="tar LH50 p-tb15 fs20">
                                <a class="btn-ff5a00 p-tblr1045 u3" href="javascript:;">提交订单</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end提交订单-->
            <div class="fix" style="height:90px;"></div>
            
        </div>
        <!--content end-->
    </div>
	<!--end  main-->
    <!--star  footer-->
    <div class="footer b-FFFFFF">
    <script type="text/javascript">
        $(".footer").load("public_html/footer.html");
    </script>
    </div>
    <!--end  footer-->
</div>
<script type="text/javascript">
function openWin(){
	var tit_H = 40,
	width = 560,//ifrane宽
	height = 350,//ifrane高
	btnheight = 60,
	styleBtn = 'defaultBtn',//1,defaultBtn默认,2,freshBtn清新,3,待定【选择按钮风格】
	title = '编辑信息',
	btnVal = '确认',
	align = 'right',
	yesno = 'no',//取消按钮是否显示，显示：yes,取消：no
	src = 'iframe_html/编辑信息.html';
	$.fn.xljspopWin.showWin(src,tit_H,title,width,height,btnheight,align,styleBtn,yesno,btnVal, function(){
		//alert('确认并执行效果');
		//简单的效果
		$('#userinfo').show();
		$('#add_xueyuan').hide();
		$('#edit_info').html('编辑信息');
	});
}
</script>
</body>
</html>

